
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">

 <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
    </style>
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
   <form action="" class="form-inline" method="get">
      <table class="table-bordered table">
        <tr>
          <td>
              <span class="lr_5"></span>
              未来：
              <select name="" id="future" class="select form-control" style="width: 120px;" onchange="func()">
           <option value="0">请选择</option>
                 <option value="1">星期一</option>
                 <option value="2">15天</option>
                 <option value="3">30天</option>
                 <option value="4">45天</option>
                 <option value="5">60天</option>
        </select><span class="lr_5"></span><button class="btn-info btn" type="button">查询</button>
        <span class="lr_5"></span><a href="javascript:;" class="btn btn-info">导出Excel</a>
          </td>
        </tr>
        <tr>
          <td class="font-bold text-center">
              未来 <span id="selectText">一星期</span> 各区域活动开展状况表
          </td>
        </tr>
        <tr>
          <td class="text-right font-bold"><span>2017-12-12 至 2017-12-19 </span>活动总数为(<span class="colorRed">0</span>)个</td>
        </tr>
      </table>
	 <div>	 
      <table class="tab-content table-bordered text-center table-hover table bud_hei" border="1" style="margin-bottom:1px" id="activeT">
      	 <tr class="info">
			     <th class="text-center">区域</th>
			     <th class="text-center">省份</th>
			     <th class="text-center">城市</th>
			     <th class="text-center">活动数</th>
			     <th class="text-center">操作</th>
      	 </tr>
          <tr>
           <td>东南大区</td>
           <td>福建省</td>
           <td>福州市</td>
           <td>20</td>
           <td><a href="javascript:;">查看详情</a></td>
          </tr>
      </table>
     </div>
</form>
   
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
      <script src="__STATIC__/layout/js/common.js"></script>
    <script>
      function func(){  
         //获取被选中的option标签  
        var vs = $('#future  option:selected').text(); 
            $("#selectText").html(vs);
         }  

    </script>
</body>

</html>
